*{
    padding: 0px;
    margin: 0px;
}

body{
    max-width: 100vw;
    height: auto;

    overflow-x:hidden;

    background-color: var(--primary-bg-color);
}

header{
    width: 100%;
    height: 30%;
    background-image: url("/assets/index/Banner2026.webp");
}

.title{

    font-size: 5vh;
    font-size: 5vw;
}

.ticker-div{
    width: 100%;
    height: 2.5vw;

    background-color: aliceblue;
}

.wrapper{
    width: 100vw;
    height: 70vh;


}

main{

    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;

    display: grid;

    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: repeat(12, 1fr);
}

.row-1{

    grid-area: 1/1/3/25;

}

.flex-wrapper{
    display: flex;
    flex-direction: row;
}

.row-2{
    grid-area: 3/1/13/25;
}